$.fn.popup = function(load, width, height, iframe) {
    $(this).click(function() {
    	var newheight = 100;
    	var newWidth = (300 - 20);
    	
    	//De breedte instellen, als er geen breedte is ingesteld wordt de waarde 300px gebruikt
    	if(width != 0) {
    		newWidth = (width - 20);
    	}else {
    		width = 300;
    	}
    	//ifarme nodig?
    	if(iframe == true) {
    		$('#popup_content').html("<iframe id='popup_iframe' src='" + load + "id=" + $(this).attr("rel") + "' style='width: " + newWidth + "px; height: " + (height-20) + "px;' frameborder='0'></iframe>");
    	}
    	
		$('#popup_page').css('width',width + 'px');
		$('#popup_iframe').css('width', newWidth + 'px');
		$('#popup_page').css('margin-left', (-width/2) + 'px');
		$('#popup_close').css('margin-left', ((width/2) - 8) + 'px');
		//De hoogte uit zetten, zodat de div de grootte krijgt van de content
    	if(height == 0) {
			$('#popup_page').css('height', '');
		}else {
			newheight = height;
		}
    	
    	//De geselecteerde pagina laden (als iframe false is)
    	if(iframe == false) {
			$('#popup_content').load(load, {'id': $(this).attr('rel')}, function() {
				$('body').addClass('noscroll');
				$('#popup').fadeIn('slow');
				
				//De juiste hoogte toewijzen (ten grootte van de content of de voorgeschreven hoogte instellen)
				if(height == 0) {
					newheight = $('#popup_page').height();
					console.log('height: ' + $('#popup_page').height());
				}else {
					$('#popup_page').css('height', newheight + 'px');
					console.log('height is geen 0: ' + $('#popup_page').height());
				}
			    $('#popup_page').css('margin-top', (-newheight/2) + 'px');
			    $('#popup_close').css('margin-top', ((-newheight/2) - 10) + 'px');
			});
    	}else {
    		$('body').addClass('noscroll');
			$('#popup').fadeIn('slow');
			
			//De juiste hoogte toewijzen (ten grootte van de content of de voorgeschreven hoogte instellen)
			if(height == 0) {
				$('#popup_content').html("<div class='error'><p><span></span>Er is geen hoogte opgegeven terwijl er wel een iframe is opgegeven.</p></div>");
				newheight = 100;
			}else {
				$('#popup_page').css('height', newheight + 'px');
				$('#popup_iframe').css('height', (newheight-20) + 'px');
			}
		    $('#popup_page').css('margin-top', (-newheight/2) + 'px');
		    $('#popup_close').css('margin-top', ((-newheight/2) - 10) + 'px');
    	}
    });
}